<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>

<body>
    <!--
作者：李昊哲
时间：2017-04-14
描述：表单是一个包含表单元素的区域。
	表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
	表单使用表单标签 <form> 来设置:
	action = "接收该页面数据的后台服务器URL"
		
	两种最常用的 HTTP 方法是：GET 和 POST。
	什么是 HTTP？
		超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。
		HTTP 的工作方式是客户机与服务器之间的请求-应答协议。
		web 浏览器是客户端，而计算机上的网络应用程序也可能作为服务器端。
		举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。
	两种 HTTP 请求方法：GET 和 POST
		在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：GET 和 POST。
		GET - 从指定的资源请求数据。
		有关 GET 请求的其他一些注释：
			GET 请求可被缓存
			GET 请求保留在浏览器历史记录中
			GET 请求可被收藏为书签
			GET 请求不应在处理敏感数据时使用
			GET 请求有长度限制
			GET 请求只应当用于取回数据
		POST - 向指定的资源提交要被处理的数据
		有关 POST 请求的其他一些注释：
			POST 请求不会被缓存
			POST 请求不会保留在浏览器历史记录中
			POST 不能被收藏为书签
			POST 请求对数据长度没有要求
-->
    <form action="" method="POST">
        <!-- 
            input   表单标签
            type    表单类型
            name    向服务器发送数据 后端服务器接收数据的key
            value   向服务器发送数据 后端服务器接收数据的根据name这个key对应值
            id      页面内使用
            
            http://127.0.0.1:5500/demo01.html?account=admin&password=123456
         -->
        帐号<input type="text" name="account" value="" id="account" autocomplete="off" placeholder="请输入手机号或者邮箱" />
        <br> 密码
        <input type="password" name="password" value="" id="account" autocomplete="off" placeholder="请输入密码" />
        <br> <input type="submit" value="登录">
    </form>
</body>

</html>